<!--
 * @Author: Mark
 * @Date: 2019-03-31 11:52:54
 * @LastEditors: Mark
 * @LastEditTime: 2019-03-31 11:52:54
 * @Description: 备忘录管理Tab页面的主页
 -->
<template>
  <div>
    <my-header></my-header>
    <div style="width:95%;margin:0 auto;margin-top: 20px">
      <el-tabs
        class="el-col el-col-24"
        type="border-card"
        v-model="activeName"
        @tab-click="handleClick"
      >
        <!-- 账单管理Tab -->
        <el-tab-pane
          style="height:100px"
          label="备忘录"
          name="first"
        >
          <memo></memo>
        </el-tab-pane>

      </el-tabs>
    </div>

  </div>
</template>

<script>
import MyHeader from "@/components/Header";
import Memo from "./Memo";

export default {
  data() {
    return {
      activeName: "first"
    };
  },

  components: {
    MyHeader,
    Memo
  },

  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
};
</script>
<style lang='scss' scoped>
</style>